// 组件手册：https://antd-mobile.gitee.io/components/popup
import { Popup } from 'antd-mobile'
import styles from './index.module.scss'

export default function Test() {
  return (
    <div className={styles.root}>
      <h1>测试页面</h1>
      {/* 💥坑点1：Popup 渲染到 body 中，虽然书写的位置在组件内部 */}
      {/* 💥坑点3：需通过 bodyClassName 修改内容样式 */}
      <Popup visible={true} position='bottom' bodyClassName={styles.popupBox}>
        <h3>弹出层内容</h3>
        <p>段落</p>
        <p>段落</p>
        <p>段落</p>
      </Popup>
    </div>
  )
}
